<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>

  <script>
    /*
      数组常用方法
        + 什么是数组常用方法
        + JS 提供给我们专门用来操作数组的方法
        + 因为数组本身的特性决定了 好加不好去, 不好插入
        + 语法特点: 数组.方法名(参数)
          => 不同的方法, 就是方法名和参数不一样


      1. push()
        => 语法:
          -> 数组.push(数据)
          -> 数组.push(数据, 数据2, 数据3, 数据4, ...)
        => 作用: 按照顺序向数组的后面追加你插入的数据
        => 返回值: 追加数据以后, 数组最新的长度

      2. pop()
        => 语法: 数组.pop()
        => 作用: 删除数组的最后一个数据
        => 返回值: 被删除的数据

      3. unshift()
        => 语法:
          -> 数组.unshift(数据)
          -> 数组.unshift(数据, 数据2, 数据3, 数据4, ...)
        => 作用: 按照顺序向数组的最前面插入数据
        => 返回值: 插入数据以后, 数组最新的长度

      4. shift()
        => 语法: 数组.shift()
        => 作用: 删除数组最前面一个数据
        => 返回值: 被删除的数据
    */
    var arr = [ 'hello', 'world', '你好', '世界' ]
    console.log('原始数组 : ', arr)

    // 1. push()
    // 开始追加
    // var res = arr.push('新来的')
    // var res = arr.push('新来的', 100, 200)
    // console.log('追加以后 : ', arr)
    // console.log('返回值 : ', res)

    // 2. pop()
    // 开始删除
    // var res = arr.pop()
    // console.log('删除以后 : ', arr)
    // console.log('返回值 : ', res)

    // 3. unshift()
    // var res = arr.unshift('新来的')
    // var res = arr.unshift('新来的', 100, 200)
    // console.log('插入以后 : ', arr)
    // console.log('返回值 : ', res)

    // 4. shift()
    // var res = arr.shift()
    // console.log('删除之后 : ', arr)
    // console.log('返回值 : ', res)























    // var arr = [10, 20, 30, 40, 50, 60]
    // // 直接修改 length 去掉的是后面的
    // // 只能从第 2 个开始, 依次向前覆盖
    // // 最后得到的结果是最后一个重复的
    // // 此时在去掉最后一个
    // for (var i = 0; i < arr.length - 1; i++) {
    //   // 当前这个被赋值为后一个数据内容
    //   arr[i] = arr[i + 1]
    // }
    // arr.length--

    // console.log(arr)
  </script>
</body>
</html>
